<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{
            position: relative;
        }
        div{
            width: 100px;
            height:100px;
            background-color: red;
            position: absolute;
        }
    </style>
</head>
<body>
<div id="sky">12</div>
<script src="../jquery-1.12.3.js"></script>
<script>
//    $(function () {
//        var w = $('#sky').width();
//        var h = $('#sky').height();
//        $('#sky').click(function () {
//            $(this).animate({width:w*2+'px',height:h*2+'px'},1000)
//                    .animate({left:'-100px'},1000)
//                    .animate({
//                        transition: "all,1s",
//                        transform: 'perspective(500px),rotateY(90deg)'
//                    },1000);
//        });
//    });

</script>
</body>
</html>